<template>
   <div class="news-list">
       <Card style="margin: auto auto  16px auto;">
           <Row :gutter="160">
               <Col span="4">
                   <a href="javascript:;">
                       <img src="./../../static/image/21.jpg" />
                   </a>
               </Col>
               <Col span="20">
                   <h3 class="title">
                       <a  href="javascript:;">博客的时代正在到来</a>
                   </h3>
                   <div style="text-align: justify;">
                       全世界每天传播的媒体内容，有一半是由6大媒体巨头所控制。其利益驱动、意识形态以及传统的审查制度，使得这些经过严重加工处理的内容已经越来越不适应人们的需求。媒体的工业化，内容出
                   </div>
                   <div class="car-more">
                       <a  href="javascript:;">阅读更多..</a>
                   </div>
               </Col>
           </Row>
       </Card>
   </div>
</template>

<script>
    export default {
        name: "News"
    }
</script>

<style scoped>
    .news-list img {
    width: 140px;
    height: 100px;
    float: left;
    }
    .news-list .title {
        font-size: 1.4rem;
        color: #333;
        font-weight: normal;
        text-align: left;
    }
    .car-more {
        margin-top: 10px;
        text-align: left;

    }
</style>